<template>
	<scroll-view class="container" scroll-y="true">
		<view class="example">
			<uni-forms ref="baseForm" v-model="modelData" :rules="rules" labelWidth="120px" label-position="top">
				<uni-forms-item label="墙高厚比" name="structureType" required>
					<uni-data-select v-model="modelData.structureType" :localdata="fuheRadios" />
				</uni-forms-item>
				<uni-forms-item label="连接及砌筑方式" name="structureType" required>
					<uni-data-select v-model="modelData.structureType" :localdata="normalRadios" />
				</uni-forms-item>
				<uni-forms-item label="构造是否符合相关规范规定" name="structureType" required>
					<uni-data-select v-model="modelData.structureType" :localdata="fuheRadios" />
				</uni-forms-item>
				<uni-forms-item label="构造及连接评级" name="structureType" required>
					<uni-data-select v-model="modelData.structureType" :localdata="fuheRadios" />
				</uni-forms-item>
			</uni-forms>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		data() {
			return {
				fuheRadios: [
					{
						value: 0,
						text: '不符合'
					},
					{
						value: 1,
						text: '符合'
					}
				],
				normalRadios: [
					{
						value: 0,
						text: '不正常'
					},
					{
						value: 1,
						text: '正常'
					}
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	.example {
		padding: 15px;
		background-color: #fff;
	}

	.segmented-control {
		margin-bottom: 15px;
	}

	.button-group {
		margin-top: 0px;
		display: flex;
		justify-content: space-around;
	}

	.form-item {
		display: flex;
		align-items: center;
	}

	.button {
		display: flex;
		align-items: center;
		height: 35px;
		margin-left: 10px;
	}
	
</style>